<script type="text/javascript">
$(document).ready(function() {
	$("#btnAgregarAuto").on('click', function(){
		ajaxCall({
			controller : 'perfil',
			action : 'agregarAutomovil',
			parameters: $('#formAgregarAuto').serialize(),
			success : function(e) {
				$("#divAgregarAutomovil").html(e);
				if ($("#esModalAgregarAuto").val()=='true'){
					$("#labelAgregarAuto").hide();
					$("#divTextoAuto").html("Auto agregado: " +  $("#patente").val() + " - " + 	$("#descripcion").val() );
					$("#divAuto").show();
					$("#asientosDisponibles").val($("#cantidadAsientos").val());
				}
			}
		});
		return false;
	});
});
</script>

<div id="divAgregarAutomovil">
	<div class="row-fluid">
		<g:set var="graboOk" value="${result.toBoolean() }" ></g:set>
		
		<div id="errors">
			<g:if test="${graboOk}">
				<button type="button" class="close" data-dismiss="alert">&times;</button>
				<div class="alert alert-success">Se grab&oacute; todo ok!</div>
			</g:if>
			<g:else>
				<g:hasErrors bean="${auto}">
					<g:eachError bean="${auto}" var="error">
						<div class="alert alert-error" style="margin-bottom: 5px;">
							<button type="button" class="close" data-dismiss="alert">&times;</button>
							<g:message error="${error}"/>
						</div>
					</g:eachError>
				</g:hasErrors>
			</g:else>
		</div>
		<g:form id="formAgregarAuto" name="formAgregarAuto" controller="perfil">
			<g:hiddenField name="autoId" id="autoId" value="${auto?.id}" />
			<g:hiddenField name="graboOk" id="graboOk" value="${graboOk}" />
			<g:hiddenField name="esModalAgregarAuto" id="esModalAgregarAuto" value="${esModal.toBoolean() }" />
			<div id="precio">
				<div class="span5">
				
					<div class="control-group ${hasErrors(bean: auto, field: 'descripcion', 'error') }">
						<label class="control-label" for="descripcion">Descripci&oacute;n (Marca, Modelo, Color):</label>
						<div class="controls">
							<g:textField class="span12" id="descripcion" value="${auto?.descripcion}" name="descripcion" maxLength="100"/>
						</div>
					</div>
					<div class="control-group ${hasErrors(bean: auto, field: 'patente', 'error') }">
						<label class="control-label" for="patente">Patente:</label>
						<div class="controls">
							<g:textField class="span9" id="patente" value="${auto?.patente}" name="patente" maxLength="10"/>
						</div>
					</div>
									
					<div class="control-group ${hasErrors(bean: auto, field: 'cantidadAsientos', 'error') }">
						<label class="control-label" for="motivo">Asientos disponibles:</label>
						<div class="controls">
							<g:select from="${1..7}" class="span4" value="${auto?.cantidadAsientos}" id="cantidadAsientos" name="cantidadAsientos" />
						</div>
					</div>
				
				</div>
				<div class="separator"></div>
				<div align="center">
					<button id="btnAgregarAuto" name="btnAgregarAuto" class="btn btn-primary btn-large span4 centrar">Guardar</button>
					<g:if test="${ esModal.toBoolean()}">
						<button  data-dismiss="modal" id="btnCerrarAuto" name="btnCerrarAuto" class="btn btn-primary btn-large span4 centrar">Cerrar</button>
					</g:if>
				</div>
			</div>
		</g:form>
	</div>
</div>